<template>
	<!-- //微信小程序 ：style="[]" 要用数组的形式 -->
	<view class="custom-page" :style="[customPage.page]" style="padding-bottom: unset !important;">
		<!-- navgation -->
		<m-nav title="木木小笔记"></m-nav>
		<view class="page_content">
			<view class="linear_bg">
				<m-tab :config="{array:type}"></m-tab>
			</view>
			<view class="draw_content">
                 <m-step  :Data="line"></m-step>
			</view> 
		</view>
	</view>
</template>

<script>
	import Adpation from '@/library/platform/Adpation.js';
	import ShareMin from '@/library/utils/share.js';
	import * as Apis from '../../network/apis/global.js';
	export default {
		mixins: [Adpation, ShareMin],
		data() {
			return {
				type:[],
				line:[]
				
			}
		},
		onShow() {



		},
		onReady() {},
		onHide() {

		},
		onLoad() {
			this.SHARE.path = '/pages/index/index';
		},
		created() {
	       this.GetTotalData();
	 	},
		mounted() {
			// this.GetConfig();
		},
		methods: {
		
             GetTotalData(){
				 let _self = this;
				 uni.request({
				 	url:'https://gitee.com/pushulibrary/beardata/raw/master/notedata.json',
					complete(res) {
						// console.log(res)
						if(200==res.statusCode){
							
							console.log(res.data);
							if(res.data.type) _self.type = res.data.type;
							if(res.data.data) _self.line = res.data.data;
						}
					}
				 })
			 }
		}
	}
</script>

<style scoped>
	.linear_bg {
		width: 100%;
		height: 268rpx;
		/* background-image: linear-gradient(0, var(--color--4), var(--color--5)); */
	}

	
	.draw_content {
		width: 100%;
		height: auto;
		position: relative;
		background-color: #FFF;
	}

	.draw_arrow {
		bottom:-40rpx;
		left: 0;
		position: absolute;
		z-index: 11;
		display: block;
		width: 96rpx;
		height: 96rpx;
		/* transform: rotateZ(45deg); */
		transition:  0.3s linear;
		transition-property: left;
	}

	
</style>